<template>
	<div class="lottery lottery-page" :class="btmShow?'lottery-toggle':''">
		<van-nav-bar :border="false" :placeholder="true" :fixed="true" left-arrow @click-left="onClickLeft">
			<template #right>
				<div class="iconfont rightIcon icon-icon_chat"></div>
				<div @click="menushow = true" class="iconfont rightIcon icon-icon_sidebar"></div>
			</template>
			<template #title>
				<p @click="topshow = true"> {{topname}} <i class="iconfont icon-icon_drop_down_solid"></i></p>
			</template>
		</van-nav-bar>
		<div class="scrollList" ref="scrollList">
		<div class="wrapper-tontent">
			<div class="openResult">
				<div class="top">
					<div class="selectAllLottery" @click="url('/allGameSelect')"><span class="">Miền Bắc VIP 45 giây</span><span class="iconfont icon-icon_drop_down_solid"></span></div>
					<div @click="url('/historyData')" class="dataBtn"><span class="iconfont icon-icon_data"></span> Số liệu </div>
				</div>
				<div class="issue">
					<div class="issueText"><span > số kỳ mở thưởng</span><i>202111131667</i></div>
					<div class="status">Đang mở kèo</div>
				</div>
				<van-count-down :time="time">
					<template #default="timeData">
						<span class="block">{{ timeData.hours }}</span>
						<span class="colon">:</span>
						<span class="block">{{ timeData.minutes }}</span>
						<span class="colon">:</span>
						<span class="block">{{ timeData.seconds }}</span>
					</template>
				</van-count-down>
			</div>
			<van-tabs type="card" v-model="tabactive" title-inactive-color="#e9cfa4" title-active-color="#293356">
				<van-tab title="Chọn số" v-if="chshow">
					<div class="gm-main">
						<div class="gm-rule"><span>Tỉ lệ：99.5</span><i class="van-icon van-icon-info-o"></i></div>
						<div class="selectBetBox" v-if="ngshow">
							<div class="titleBox">
								<div class="title">Ngànục</div>
								<div class="dxqqo">
									<button type="button" >Lẻ</button>
									<button type="button" >Chẵn</button>
									<button type="button" >Tài</button>
									<button type="button" >Xỉu</button>
									<button type="button" >Tất cả</button>
									<button type="button" >Xoá</button>
								</div>
							</div>
							<van-checkbox-group v-model="cloumnA" ref="checkboxesGroupA">
								<ul class="cloumn">
									<li @click="toggleA(index)" v-for="(item,index) in betListA" :key="index" :data-num="index"><van-checkbox class="ball" :name="item" ref="checkboxesA">{{index}}</van-checkbox></li>
								</ul>
							</van-checkbox-group>
						</div>
						
						<div class="selectBetBox" v-if="trshow">
							<div class="titleBox">
								<div class="title">Trăm</div>
								<div class="dxqqo">
									<button type="button">Lẻ</button>
									<button type="button">Chẵn</button>
									<button type="button">Tài</button>
									<button type="button">Xỉu</button>
									<button type="button">Tất cả</button>
									<button type="button">Xoá</button>
								</div>
							</div>
							<van-checkbox-group v-model="cloumnB" ref="checkboxesGroupB">
								<ul class="cloumn">
									<li @click="toggleB(index)" v-for="(item,index) in betListB" :key="index" :data-num="index"><van-checkbox class="ball" :name="item" ref="checkboxesB">{{index}}</van-checkbox></li>
								</ul>
							</van-checkbox-group>
						</div>
						<div class="selectBox">
							<div class="selectBetBox">
								<div class="titleBox">
									<div class="title">Chục</div>
									<div class="dxqqo">
										<button type="button" @click="betSingle">Lẻ</button>
										<button type="button" @click="betDouble">Chẵn</button>
										<button type="button" @click="betBig">Tài</button>
										<button type="button" @click="betSmall">Xỉu</button>
										<button type="button" @click="betAll">Tất cả</button>
										<button type="button" @click="betClear">Xoá</button>
									</div>
								</div>
									<ul class="cloumn">
										<li v-for="(item,index) in betListC" @click="toggleC(index)" :key="index" :class="item.check?'active':''">
											<div class="ball">{{item.label}}</div>
										</li>
									</ul>
							</div>
							<div class="selectBetBox">
								<div class="titleBox">
									<div class="title">Đơn vị</div>
									<div class="dxqqo">
										<button type="button">Lẻ</button>
										<button type="button">Chẵn</button>
										<button type="button">Tài</button>
										<button type="button">Xỉu</button>
										<button type="button">Tất cả</button>
										<button type="button">Xoá</button>
									</div>
								</div>
								<van-checkbox-group  ref="checkboxesGroupD">
									<ul class="cloumn">
										<li @click="toggleD(index)" v-for="(item,index) in betListD" :key="index" :data-num="index"><van-checkbox class="ball" :name="item" ref="checkboxesD">{{index}}</van-checkbox></li>
									</ul>
								</van-checkbox-group>
							</div>
							
						</div>
					</div>
				</van-tab>
				<van-tab title="Nhập số">
					<div class="gm-main">
						<div class="gm-rule"><span>Tỉ lệ：99.5</span><i class="van-icon van-icon-info-o"></i></div>
						<div class="inputBet">
							<div class="inputBox">
								<textarea @input="textarea" rows="3" cols="" placeholder="Vui lòng nhập số đặt cược theo định dạng: mỗi số được cách bởi đâu phẩy, ví dụ 11,12" v-model="textareadesc"></textarea>
							</div>
							<div class="input-button">
								<button type="button" class="btn reBtn">Xoá</button>
								<button type="button" class="btn subBtn" :disabled="disabled">Xác nhận</button>
							</div>
						</div>
					</div>
				</van-tab>
				<van-tab title="Chọn nhanh">
					<div class="gm-main">
						<div class="odds oddsBox">
							<div @click="url('/rule')">
								<i class="van-icon van-icon-info-o"></i><span>Hướng dẫn chọn số</span>
							</div>
							<div @click="url('/rule')">
								<span>Tỉ lệ：99.5</span><i class="van-icon van-icon-info-o"></i>
							</div>
						</div>
						<div class="quickBet">
							<div class="funcBox">
								<div class="row1">
									<div class="nums isClick">
										00-99 <span class="miss circle hot">1</span>
									</div>
									<van-tabs v-model="isactive" type="card" >
										<van-tab  title="Ngẫu Nhiên" v-if="showA">
											<ul class="nums-list">
												<li @click="onTabA(index)" v-for="(item,index) in tabsA" :key="item" :class="curA == index?'active':''" >{{item}}</li>
											</ul>
										</van-tab>
										<van-tab title="Ngẫu Nhiên" v-if="showB">
											<ul class="nums-list">
												<li @click="onTabB(index)" v-for="(item,index) in tabsB" :key="item" :class="curB == index?'active':''" >{{item}}</li>
											</ul>
										</van-tab>
										<van-tab title="Ít Xuất Hiện" v-if="showC">
											<ul class="nums-list">
												<li @click="onTabC(index)" v-for="(item,index) in tabsC" :key="item" :class="curC == index?'active':''" >{{item}}</li>
											</ul>
										</van-tab>
									</van-tabs>
								</div>
							</div>
							<div class="selectNum">
								<ul>
									<li v-for="(item, index) in selectNumlist" :data-index="index" @click="setListCheck(index)" :key="index" class="item" :class="item.check?'active':''">
										<span>{{ index }}</span>
										<span class="miss cold" v-if="item.miss>6 && item.miss<10">{{item.miss}}</span>
										<span class="miss hot" v-else-if="item.miss>10">{{item.miss}}</span>
										<span class="miss" v-else>{{item.miss}}</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</van-tab>
			</van-tabs>
		</div>
		</div>
		<!-- 弹窗 -->
		<van-popup v-model="topshow" position="top" :style="{ height: '100%' }" >
			<div class="plays-panel">
				<div class="playsBox">
					<div class="playName">Bao lô</div>
					<ul class="playName-select">
						<li v-for="(item,index) in playSelectA" :key="index" :class="item == playActive?'active':''" @click="playSelect(item)">
							<div class="play-name-box">{{item}}</div>
						</li>
					</ul>
				</div>
				<div class="playsBox">
					<div class="playName">Đầu Đuôi</div>
					<ul class="playName-select">
						<li v-for="(item,index) in playSelectB" :key="index" :class="item == playActive?'active':''" @click="playSelect(item)"><div class="play-name-box">{{item}}</div></li>
					</ul>
				</div>
				<div class="playsBox">
					<div class="playName">Đánh Đề</div>
					<ul class="playName-select">
						<li v-for="(item,index) in playSelectC" :key="index" :class="item == playActive?'active':''" @click="playSelect(item)"><div class="play-name-box">{{item}}</div></li>
					</ul>
				</div>
				<div class="playsBox">
					<div class="playName">Đầu Đuôi</div>
					<ul class="playName-select">
						<li v-for="(item,index) in playSelectD" :key="index" :class="item == playActive?'active':''" @click="playSelect(item)"><div class="play-name-box">{{item}}</div></li>
					</ul>
				</div>
				<div class="playsBox">
					<div class="playName">3 Càng</div>
					<ul class="playName-select">
						<li v-for="(item,index) in playSelectE" :key="index" :class="item == playActive?'active':''" @click="playSelect(item)"><div class="play-name-box">{{item}}</div></li>
					</ul>
				</div>
				<div class="playsBox">
					<div class="playName">Lô trượt</div>
					<ul class="playName-select">
						<li v-for="(item,index) in playSelectF" :key="index" :class="item == playActive?'active':''" @click="playSelect(item)"><div class="play-name-box">{{item}}</div></li>
					</ul>
				</div>
				<div class="playsBox">
					<div class="playName">Trò Chơi Thú Vị</div>
					<ul class="playName-select">
						<li v-for="(item,index) in playSelectG" :key="index" :class="item == playActive?'active':''" @click="playSelect(item)"><div class="play-name-box">{{item}}</div></li>
					</ul>
				</div>
			</div>
		</van-popup>
		<!-- 菜单 -->
		<van-popup v-model="menushow" position="right" :style="{ height: '100%' }" >
			<div class="rightMenu">
				<div class="userInfoBox">
					<div class="avatar-container">
						<van-uploader v-model="fileList" multiple :max-count="1" preview-size="60px">
							<template>
								<div class="van-uploader__input-wrapper"><img class="avatar-img"
										src="../../assets/images/default_chat.png" lazy="loaded"
										style="width: 60px; height: 60px;"></div>
							</template>
						</van-uploader>
						<i class="iconfont icon-icon_edit_avatar"></i>
					</div>
					<div class="money">99,541,000 <span>VND</span></div>
					<div class="username">xiaobao</div>
					<div class="btnBox">
						<button type="button">Rút tiền</button>
						<button type="button">Nạp tiền</button>
					</div>
				</div>
				<div class="menuListBox">
					<van-cell is-link to="/">Lịch sử giao dịch</van-cell>
					<van-cell is-link to="/">Lịch sử</van-cell>
					<van-cell is-link to="/">Chi tiết</van-cell>
					<van-cell is-link to="/">Cách chơi</van-cell>
					<van-cell is-link to="/">Nạp tiền</van-cell>
					<van-cell is-link to="/">Trở về trang chủ</van-cell>
					<van-cell is-link to="/">Thoát an toàn</van-cell>
				</div>
			</div>
		</van-popup>
		<van-popup v-model="btmShow" position="bottom" >
			<div class="betConfirmPop">
				<div class="title">
					<div class="defMoney">
						<span>Mặc định <i>1,000</i></span><i class="van-icon van-icon-edit"></i>
					</div>
					<div class="balance">
						<span>Số dư <i>99,541,000</i></span>
					</div>
				</div>
				<div class="quickSelect">
					<div class="moneyItem" @click="onTabquic(item.value)" v-for="(item,index) in tabsquic" :key="index" :class="quickcur == index?'active':''" >
						{{item.label}}
					</div>
				</div>
				<div class="betInfo">
					<div class="inputGroup">
						<div class="flex-center"><span>Số đơn cược<i>54</i></span></div>
						<div class="flex-center"><span>Số đơn cược<i>1</i><i>X</i></span><input type="tel" v-model="betVal"></div>
					</div>
					<div class="btnGroup">
						<button type="button" @click="cancel" class="cancelBtn">Huỷ đơn</button>
						<van-button class="betBtn">Đặt Cược<br>162,000</van-button>
					</div>
				</div>
			</div>
		</van-popup>
	</div>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				tabactive:0,
				ngshow:false,
				trshow:false,
				chshow:true,
				showA:true,
				showB:true,
				showC:true,
				topname:'Lô 2 Số',
				topshow:false,
				menushow:false,
				btmShow:false,
				time:30 * 60 * 60 * 1000,
				activeA:-1,
				activeB:-1,
				activeC:-1,
				activeD:-1,
				playActive:'',
				playSelectA:['Lô 2 Số','Lô 2 Số Đầu','Lô 2 Số 1K','Lô 3 Số','Lô 4 Số'],
				playSelectB:['Xiên 2','Xiên 3','Xiên 4'],
				playSelectC:['Đề đặc biệt','Đề đầu đặc biệt'],
				playSelectD:['Đầu','Đuôi'],
				playSelectE:['3 Càng Đặc Biệt','3 càng giải nhất'],
				playSelectF:['4 Càng Đặc Biệt'],
				playSelectG:['Trượt xiên 4'],
				playSelectH:['Lô 2 Số Giải ĐB'],
				fileList: [],
				textareadesc:'',
				disabled:true,
				
				isactive:0,
				curA: 0,
				tabsA: ['1số','2số','3số','5số','10số'],
				curB: 0,
				tabsB: ['Képbằng','Chẵn','Lẻ','Tài','Xỉu'],
				curC: 0,
				tabsC: ['top 1','top 2','top 5','top 10','top 20'],
				
				selectNumlist: [
					{check: false, label: '0',miss: 1},
					{check: false, label: '1',miss: 1},
					{check: true, label: '2',miss: 2},
					{check: false, label: '3',miss: 3},
					{check: false, label: '4',miss: 3},
					{check: false, label: '5',miss: 4},
					{check: false, label: '6',miss: 5},
					{check: false, label: '7',miss: 6},
					{check: false, label: '8',miss: 7},
					{check: false, label: '9',miss: 8},
					{check: false, label: '10',miss: 9},
					{check: false, label: '11',miss: 1},
					{check: true, label: '12',miss: 2},
					{check: true, label: '13',miss: 2},
					{check: false, label: '14',miss: 3},
					{check: false, label: '15',miss: 4},
					{check: false, label: '16',miss: 5},
					{check: false, label: '17',miss: 6},
					{check: false, label: '18',miss: 7},
					{check: false, label: '19',miss: 8},
					{check: false, label: '20',miss: 9},
					{check: false, label: '21',miss: 1},
					{check: true, label: '22',miss: 2},
					{check: true, label: '23',miss: 2},
					{check: false, label: '24',miss: 3},
					{check: false, label: '25',miss: 4},
					{check: false, label: '26',miss: 5},
					{check: false, label: '27',miss: 6},
					{check: false, label: '28',miss: 7},
					{check: false, label: '29',miss: 8},
					{check: false, label: '30',miss: 9},
					{check: false, label: '31',miss: 1},
					{check: true, label: '32',miss: 2},
					{check: false, label: '33',miss: 3},
					{check: false, label: '34',miss: 3},
					{check: false, label: '35',miss: 4},
					{check: false, label: '36',miss: 5},
					{check: false, label: '37',miss: 6},
					{check: false, label: '38',miss: 7},
					{check: false, label: '39',miss: 8},
					{check: false, label: '40',miss: 9},
					{check: false, label: '41',miss: 1},
					{check: true, label: '42',miss: 2},
					{check: false, label: '43',miss: 3},
					{check: false, label: '44',miss: 3},
					{check: false, label: '45',miss: 4},
					{check: false, label: '46',miss: 5},
					{check: false, label: '47',miss: 6},
					{check: false, label: '48',miss: 7},
					{check: false, label: '49',miss: 8},
					{check: false, label: '50',miss: 9},
					{check: false, label: '51',miss: 1},
					{check: true, label: '52',miss: 2},
					{check: false, label: '53',miss: 3},
					{check: false, label: '54',miss: 3},
					{check: false, label: '55',miss: 4},
					{check: false, label: '56',miss: 5},
					{check: false, label: '57',miss: 6},
					{check: false, label: '58',miss: 7},
					{check: false, label: '59',miss: 8},
					{check: false, label: '60',miss: 9},
					{check: false, label: '61',miss: 1},
					{check: true, label: '62',miss: 2},
					{check: false, label: '63',miss: 3},
					{check: false, label: '64',miss: 3},
					{check: false, label: '65',miss: 4},
					{check: false, label: '66',miss: 5},
					{check: false, label: '67',miss: 6},
					{check: false, label: '68',miss: 7},
					{check: false, label: '69',miss: 8},
					{check: false, label: '70',miss: 9},
					{check: false, label: '71',miss: 1},
					{check: true, label: '72',miss: 2},
					{check: false, label: '73',miss: 3},
					{check: false, label: '74',miss: 3},
					{check: false, label: '75',miss: 4},
					{check: false, label: '76',miss: 5},
					{check: false, label: '77',miss: 6},
					{check: false, label: '78',miss: 7},
					{check: false, label: '79',miss: 8},
					{check: false, label: '80',miss: 9},
					{check: false, label: '81',miss: 1},
					{check: true, label: '82',miss: 2},
					{check: false, label: '83',miss: 3},
					{check: false, label: '84',miss: 3},
					{check: false, label: '85',miss: 4},
					{check: false, label: '86',miss: 5},
					{check: false, label: '87',miss: 6},
					{check: false, label: '88',miss: 7},
					{check: false, label: '89',miss: 8},
					{check: false, label: '90',miss: 9},
					{check: false, label: '91',miss: 1},
					{check: true, label: '92',miss: 2},
					{check: false, label: '93',miss: 3},
					{check: false, label: '94',miss: 3},
					{check: false, label: '95',miss: 4},
					{check: false, label: '96',miss: 5},
					{check: false, label: '97',miss: 6},
					{check: false, label: '98',miss: 7},
					{check: false, label: '99',miss: 8},
				],
				quickcur: 0,
				tabsquic: [
					{
						label:'+1K',
						value:'1000'
					},{
						label:'+5K',
						value:'5000'
					},{
						label:'+10K',
						value:'10000'
					},{
						label:'+50K',
						value:'50000'
					},{
						label:'+100K',
						value:'100000'
					},{
						label:'+500K',
						value:'1000'
					},{
						label:'+1M',
						value:'1000'
					},{
						label:'+5M',
						value:'1000'
					},{
						label:'+10M',
						value:'1000'
					},{
						label:'+50M',
						value:'1000'
					}
				],
				betVal:'',
				betListA:[
					{check: false, label: '0'},
					{check: false, label: '1'},
					{check: false, label: '2'},
					{check: false, label: '3'},
					{check: false, label: '4'},
					{check: false, label: '5'},
					{check: false, label: '6'},
					{check: false, label: '7'},
					{check: false, label: '8'},
					{check: false, label: '9'},
				],
				betListB:[
					{check: false, label: '0'},
					{check: false, label: '1'},
					{check: false, label: '2'},
					{check: false, label: '3'},
					{check: false, label: '4'},
					{check: false, label: '5'},
					{check: false, label: '6'},
					{check: false, label: '7'},
					{check: false, label: '8'},
					{check: false, label: '9'},
				],
				betListC:[
					{check: false, label: '0'},
					{check: false, label: '1'},
					{check: false, label: '2'},
					{check: false, label: '3'},
					{check: false, label: '4'},
					{check: false, label: '5'},
					{check: false, label: '6'},
					{check: false, label: '7'},
					{check: false, label: '8'},
					{check: false, label: '9'},
				],
				betListD:[
					{check: false, label: '0'},
					{check: false, label: '1'},
					{check: false, label: '2'},
					{check: false, label: '3'},
					{check: false, label: '4'},
					{check: false, label: '5'},
					{check: false, label: '6'},
					{check: false, label: '7'},
					{check: false, label: '8'},
					{check: false, label: '9'},
				],
			}
		},
	
		methods: {
			url(url) {
				this.$router.push({
					path: url
				})
			},
			onClickLeft() {
				this.$router.go(-1)
			},
			toggleA(index) {
				var check = this.betListA[index].check;
				this.betListA[index].check = check === true ? false : true;
			},
			toggleB(index) {
				var check = this.betListB[index].check;
				this.betListB[index].check = check === true ? false : true;
			},
			toggleC(index) {
				var check = this.betListC[index].check;
				this.betListC[index].check = check === true ? false : true;
			},
			toggleD(index) {
				var check = this.betListD[index].check;
				this.betListD[index].check = check === true ? false : true;
				this.btmShow = true
				this.$nextTick(()=>{
					let box = this.$refs.scrollList
					box.scrollTop = box.scrollHeight
				})

			},
			playSelect(name){
				this.playActive  = name
				this.topshow = false
				this.topname = name
				if(name == 'Lô 3 Số'){
					this.ngshow = true
				}else if(name == 'Lô 4 Số'){
					this.ngshow = true
					this.trshow = true
				}else{
					this.ngshow = false
					this.trshow = false
				}
				
				if(name == 'Xiên 2'){
					this.tabactive = 1
					this.chshow = false
					this.showB = false
					this.showC = false
					this.tabsA = ['1số']
					this.$attrs
				}else if(name == 'Xiên 3'){
					this.tabactive = 1
					this.chshow = false
					this.showB = false
					this.showC = false
					this.tabsA = ['1số']
				}else if(name == 'Xiên 4'){
					this.tabactive = 1
					this.chshow = false
					this.showB = false
					this.showC = false
					this.tabsA = ['1số']
				}else{
					this.chshow = true
					this.showB = true
					this.showC = true
					this.tabsA = ['1số','2số','3số','5số','10số']
				}
				
				
			},
			textarea(e){
				var txtVal = this.textareadesc.length;
				if(txtVal > 0){
					this.disabled = false
				}
			},
			onTabA(e){
				this.curA = e
			},
			onTabB(e){
				this.curB = e
				if (e == 0) {
					this.selectNumlist.forEach((item,index)=>{
						if(index % 11 == 0){
							this.selectNumlist[index].check = true; 
						}else{
							this.selectNumlist[index].check = false; 
						}
					})
				} else if(e == 1){
					this.selectNumlist.forEach((item,index)=>{
						if(index % 2 == 0){
							this.selectNumlist[index].check = true; 
						}else{
							this.selectNumlist[index].check = false; 
						}
					})
				}else if(e == 2){
					this.selectNumlist.forEach((item,index)=>{
						if(index % 2 != 0){
							this.selectNumlist[index].check = true; 
						}else{
							this.selectNumlist[index].check = false; 
						}
						
					})
				}else if(e == 3){
					this.selectNumlist.forEach((item,index)=>{
						this.selectNumlist[index].check = true; 
					})
					
				}else if(e == 4){
					this.selectNumlist.forEach((item,index)=>{
						this.selectNumlist[index].check = false; 
					})
				}
				
			},
			onTabC(e){
				this.curC = e
				if (e == 0) {
					this.selectNumlist.forEach((item,index)=>{
						if(index  == 10){
							this.selectNumlist[index].check = true; 
						}else{
							this.selectNumlist[index].check = false; 
						}
					})
				} else if(e == 1){
					this.selectNumlist.forEach((item,index)=>{
						if(index  < 2){
							this.selectNumlist[index].check = true; 
						}else{
							this.selectNumlist[index].check = false; 
						}
					})
				}else if(e == 2){
					this.selectNumlist.forEach((item,index)=>{
						if(index  < 5){
							this.selectNumlist[index].check = true; 
						}else{
							this.selectNumlist[index].check = false; 
						}
					})
				}else if(e == 3){
					this.selectNumlist.forEach((item,index)=>{
						if(index  < 10){
							this.selectNumlist[index].check = true; 
						}else{
							this.selectNumlist[index].check = false; 
						}
					})
					
				}else if(e == 4){
					this.selectNumlist.forEach((item,index)=>{
						if(index  < 20){
							this.selectNumlist[index].check = true; 
						}else{
							this.selectNumlist[index].check = false; 
						}
					})
				}
			},
			setListCheck: function(idx) {
				var check = this.selectNumlist[idx].check;
				this.selectNumlist[idx].check = check === true ? false : true;
				this.btmShow = true
			},
			onTabquic(e){
				this.betVal = e
			},
			cancel(){
				this.btmShow = false
				this.betListA.forEach((item,index)=>{
					this.betListA[index].check = false; 
				})
				this.betListB.forEach((item,index)=>{
					this.betListB[index].check = false; 
				})
				this.betListC.forEach((item,index)=>{
					this.betListC[index].check = false; 
				})
				this.betListD.forEach((item,index)=>{
					this.betListD[index].check = false; 
				})
			},
			// 投注 单 双 大小
			betSingle(){
				this.betListC.forEach((item,index)=>{
					if(index % 2 != 0){
						this.betListC[index].check = true; 
					}else{
						this.betListC[index].check = false; 
					}
				})
			},
			betDouble(){
				this.betListC.forEach((item,index)=>{
					if(index % 2 == 0){
						this.betListC[index].check = true; 
					}else{
						this.betListC[index].check = false; 
					}
				})
			},
			betBig(){
				this.betListC.forEach((item,index)=>{
					if(index >4){
						this.betListC[index].check = true; 
					}else{
						this.betListC[index].check = false; 
					}
				})
			},
			betSmall(){
				this.betListC.forEach((item,index)=>{
					if(index <=4){
						this.betListC[index].check = true; 
					}else{
						this.betListC[index].check = false; 
					}
				})
			},
			betAll(){
				this.betListC.forEach((item,index)=>{
					this.betListC[index].check = true; 
				})
			},
			betClear(){
				this.betListC.forEach((item,index)=>{
					this.betListC[index].check = false; 
				})
			},
		}
	}
</script>
